<template>
  <div class="about">
    <h1>{{ $t('about') }}</h1>
    <p>{{ $t('description') }}</p>

    <div class="info">
      <h2>{{ $t('welcome') }}</h2>
      <p>{{ $t('learnMore') }}</p>
    </div>
  </div>
</template>

<script setup></script>

<style scoped>
.about {
  padding: 2rem;
  max-width: 800px;
  margin: 0 auto;
}

.info {
  margin-top: 2rem;
  padding: 1rem;
  background: #f9f9f9;
  border-radius: 8px;
}
</style>
